  <!--
  @square 动画触发器的名字
  -->
  <div class="square" [@square]="{value:squareState,params:{transX:transX}}" (click)="onClick()"></div>
  <!-- <div class="square" [@square]="squareState" (click)="onClick()"></div> -->
  <button (click)="change()">change</button>